// 颜色定义规范
@color-background : #fff;
@color-background-d : rgba(0, 0, 0, 0.3);
@color-highlight-background : #333;
@color-dialog-background : #666;
@color-theme : #ffcd32;
@color-theme-d : rgba(255, 205, 49, 0.5);
@color-sub-theme : #d93f30;
@color-text : #333;
@color-text-d : rgba(0, 0, 0, 0.3);
@color-text-l : rgba(0, 0, 0, 0.5);
@color-text-ll : rgba(0, 0,0, 0.8);

/*  字体定义规范    */
@font-size-small-s : 10px;
@font-size-small : 12px;
@font-size-medium : 14px;
@font-size-medium-x : 16px;
@font-size-large : 18px;
@font-size-large-x : 22px;

/*  弹框样式    */
@color-alert-bg : rgba(0,0,0,0.2);              //弹框背景色
@color-alert-framebg : rgba(255,255,255,1);     //白色框背景
@color-alert-sure : #3782ff;                    //确定按钮的彩色
@color-alert-title : #333;                      //标题颜色
@color-alert-con : #666;                        //内容颜色
@color-alert-gray : #999;                        //灰色
@color-alert-line : rgba(0,0,0,0.1);            //分割线
@border-alert-radius: 5px;                        //弹框
@time-alert: 0.3s;                                //消失和显示事件

/* 黄色调 */
@color-yellow: #fcdb00;         //按钮黄
@color-red: #fd6132;            //字体红
@color-blue: #3782ff;           //字体红
@color-gray-bg: #f1f2f7;        //灰色背景
@color-gray-btn: #e3e6e9;        //灰色按钮背景

/* 边框阴影 */
@box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);

//模糊效果
.fade-enter-active, .fade-leave-active {
    transition: all .3s ease;
}
.fade-enter, .fade-leave-to{
    opacity: 0;
}

.left-enter-active, .left-leave-active {
    transition: all 0.3s ease;
}
.left-enter, .left-leave-to{
    // opacity: 0;
    transform: translateX(100%);
}

//滑动框架
.scroll-content{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:100%;
    overflow:hidden;
    background:@color-gray-bg;
    z-index:18;

}